<script type="text/javascript" src="js/Chart.js"></script>
<div id="gioithieu">
	<div id="tieude_1">
		<p>Thông tin chi tiết trẻ</p>
	</div>
    <div id="noidung_gt">
		<?php
		if (isset($_REQUEST['matre'])) {
			$matre = $_REQUEST['matre'];
			$result = $mysqli->query("select * from tre,phuhuynh,dantoc,tongiao where 
								tre.MA_PH = phuhuynh.MA_PH and
								tre.MA_DT = dantoc.MA_DT and
								tre.MA_TG = tongiao.MA_TG and 
								tre.MA_TRE = '{$matre}'");
			echo "<table id='bang' class='chu' width='80%'>";
			echo "<tr><td width='30%' rowspan='7' ><img src='../upload/anhtre/anhdaidien/".$matre.".jpg' width='100%' height='90%' /></td>";
			$row=$result->fetch_array();
			$ngaysinh = date('d/m/Y',strtotime($row['NGAYSINH_TRE']));
			echo "<td width='25%'><p>Họ tên trẻ:</p></td><td width='45%'><p>".$row['HOTEN_TRE']."</p></td></tr>";
			echo "<tr><td><p>Ngày sinh:</p></td><td><p>".$ngaysinh."</p></td></tr>";
			echo "<tr><td><p>Giới tính:</p></td><td><p>".$row['GIOITINH_TRE']."</p></td></tr>";
			echo "<tr><td><p>Dân tộc:</p></td><td><p>".$row['TEN_DT']."</p></td></tr>";
			echo "<tr><td><p>Tôn giáo:</p></td><td><p>".$row['TEN_TG']."</p></td></tr>";
			echo "<tr><td><p>Phụ huynh:</p></td><td><p>".$row['HOTEN_PH']."</p></td></tr>";
			$ketqua = $mysqli->query("select * from tre,hoc,lop,loailop where 
								tre.MA_TRE = hoc.MA_TRE and
								hoc.MA_LOP = lop.MA_LOP and
								lop.MA_LOAILOP = loailop.MA_LOAILOP and
								tre.MA_TRE = '{$matre}' and
								hoc.NAM = ".date("Y"));
			$dong = $ketqua->fetch_array();
			echo "<tr><td><p>Đang học lớp:</p></td><td><p>".$dong['TEN_LOP']." - ".$dong['TEN_LOAILOP']."</p></td></tr>";
			echo "<tr><td></td><td id='nut_1' colspan='2' style='text-align:left'>
				<a href='index.php?cn=ql_tre&id=capnhat_tre&matre=".$matre."' style='font-size:13pt'>Chỉnh sửa thông tin trẻ</a>
				<a href='' style='font-size:13pt'>In thông tin trẻ</a>";
            echo "</td></tr>";
			echo "</table>";
		}
		?>
    </div>
    <div id="tieude_1">
		<p>Tình hình phát triển của trẻ</p>
	</div>
    <div id="noidung_gt">
		<?php 
			echo "<table id='danhsach' border='1'>";
			echo "<tr><td></td>";
			for ($i = date("m") - 6; $i <= date('m'); $i++)
				echo "<th>Tháng ".$i."/".date('Y')."</th>";
			echo "</tr>";
			echo "<tr><td><b>Chiều cao (cm)<b></td>";
			for ($i = date("m") - 6; $i <= date('m'); $i++) {
				$result = $mysqli->query("select * from tinhhinhchung 
										where MA_TRE = '{$matre}' and NAM = ".date('Y')." and THANG = {$i}");
				$row=$result->fetch_array();
				echo "<td>".$row['CHIEUCAO']."</td>";
			}
			echo "</tr>";
			echo "<tr><td><b>Cân nặng (kg)<b></td>";
			for ($i = date("m") - 6; $i <= date('m'); $i++) {
				$result = $mysqli->query("select * from tinhhinhchung 
										where MA_TRE = '{$matre}' and NAM = ".date('Y')." and THANG = {$i}");
				$row=$result->fetch_array();
				echo "<td>".$row['CANNANG']."</td>";
			}
			echo "</tr>";
			echo "</table>";
			echo "<div class='nd'><p>Các bệnh đã tiêm ngừa: ";
			$result = $mysqli->query("select * from co_tn,tiemngua where co_tn.MA_TN = tiemngua.MA_TN and
										MA_TRE = '{$matre}' and NAM = ".date('Y')." order by THANG");
			if ($result->num_rows != 0)
				while($row = $result->fetch_array()) echo $row['TENBENH_TN'].", ";
			else echo "Không có bệnh nào đã tiêm cho trẻ trong năm học này.";
			echo "</p></div>";
		?>
        </div>
    </div>
        <div style="margin:10px; font-size:13pt">
        	<?php 
				$matre = $_REQUEST['matre'];
				$result = $mysqli->query("select HOTEN_TRE from TRE where MA_TRE = '{$_REQUEST['matre']}'");
				$row = $result->fetch_array();
				echo "<b>Biểu đồ phát triển của trẻ {$row[0]} trong 7 gần nhất</b>";
			?>
			<canvas id="canvas" height="400" width="600"></canvas>
            <hr style="border:1px solid rgb(0,125,255); width:50px; display:inline-block" /> Chiều cao (cm)<br>
            <hr style="border:1px solid rgb(255,125,0); width:50px; display:inline-block" /> Cân nặng (kg)
		</div>
		<script>
		var lineChartData = {
			labels : [<?php for ($i = date("m") - 6; $i <= date('m'); $i++)
								if ($i == date('m'))
									echo "'T".$i."'"; 
								else echo "'T".$i."',"; ?>],
			datasets : [
				{
					label: "Chiều cao",
					fillColor : "rgba(0,0,0,0)",
					strokeColor : "rgba(0,125,255,1)",
					pointColor : "rgba(0,0,255,1)",
					pointStrokeColor : "#fff",
					pointHighlightFill : "#fff",
					pointHighlightStroke : "rgba(220,220,220,1)",
					data : [<?php
					for ($i = date("m") - 6; $i <= date('m'); $i++) {
						$result = $mysqli->query("select * from tinhhinhchung 
										where MA_TRE = '{$matre}' and NAM = ".date('Y')." and THANG = {$i}");
						if ($result->num_rows != 0) {
							$row=$result->fetch_array();
							echo $row['CHIEUCAO'].",";
						}
						else echo "0,";
					}?>]
				},
				{
					label: "Cân nặng",
					fillColor : "rgba(0,0,0,0)",
					strokeColor : "rgba(255,125,0,1)",
					pointColor : "rgba(255,125,0,1)",
					pointStrokeColor : "#fff",
					pointHighlightFill : "#fff",
					pointHighlightStroke : "rgba(151,187,205,1)",
					data : [<?php
					for ($i = date("m") - 6; $i <= date('m'); $i++) {
						$result = $mysqli->query("select * from tinhhinhchung 
										where MA_TRE = '{$matre}' and NAM = ".date('Y')." and THANG = {$i}");
						if ($result->num_rows != 0) {
							$row=$result->fetch_array();
							echo $row['CANNANG'].",";
						}
						else echo "0,";
					} ?>]
				}
			]

		}

	window.onload = function(){
		var ctx = document.getElementById("canvas").getContext("2d");
		window.myLine = new Chart(ctx).Line(lineChartData, {
			responsive: true
		});
	}
	</script>
  </div>